<!DOCTYPE html>
<html style="height:100%">
  <head>
    <title>Home</title>
    <link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
    <link rel="stylesheet" type="text/css" href="css/style2.css" />
    <!-- <link
      rel="stylesheet"
      type="text/css"
      href="css/section/bootstrap.min.css"
    /> -->
    <script type="text/javascript" src="js/modernizr.custom.28468.js"></script>

    <script type="text/javascript" src="js/jquery.min.js"></script>
    <!-- <script type="text/javascript" src="js/bootstrap.min.js"></script> -->
    <link type="text/css" rel="stylesheet" href="css/tsc_carousel_hor.css" />
    <style>
      .modal {
        background: rgba(0, 0, 0, 0.5);
        z-index: 10000;
      }
    </style>
  </head>
  <body style="height:100%">
    <!---start-wrap---->
    <!---start-header---->
    <div class="header">
      <div class="wrap">
        <div class="logo" style="height:60px;line-height:60px;overflow:hidden;">
          <a style="font-size:24px;" href="index.html"
            ><img
              width="40"
              height="40"
              style="display:inline-block;position:relative;vertical-align:middle;"
              src="images/img/u1.png"
            />&nbsp;<span>海军战斗文化</span>研练系统</a
          >
        </div>
        <!-- <div class="social-icons">
					<ul>
						<li><a href="#"><img src="images/facebook.png" title="facebook" /></a></li>
						<li><a href="#"><img src="images/twitter.png" title="twitter" /></a></li>
						<li><a href="#"><img src="images/google.png" title="googlrpluse "/></a></li>
						<li><a href="#"><img src="images/feed.png" title="Rssfeed" /></a></li>
						<div class="clear"> </div>
					</ul>
				</div> -->
        <div class="clear"></div>
      </div>
    </div>
    <!---End-header---->
    <!-----start-content-slider---->
    <div
      class="content-slider"
      style="height: calc((100% - 60px));overflow:hidden"
    >
      <div class="image-slider" style="height:100%">
        <!----image-slider---->
        <div class="container" style="width:100%;height:100%">
          <div
            id="da-slider"
            class="da-slider"
            style="background:url(images/img/2.png);background-size:100% 100%;"
          >
            <div class="da-slide">
              <h2>系统简介</h2>
              <p>
                此系统引入“智慧课堂”的现代教学理念，设置视频直播录播平台，提供一套完整在线教学方案。
              </p>

              <div class="da-img">
                <img src="images/img/3.png" alt="image01" />
              </div>
            </div>
            <div class="da-slide">
              <h2>系统特色</h2>
              <p>
                引入“雨课堂”的现代反转交互教学理念，研发教室内部局域网络“海军战斗文化研练教学平台”，包含教学直播交互、案例联席研练和教学过程评价三大模块。
              </p>

              <div class="da-img">
                <img src="images/img/4.png" alt="image01" />
              </div>
            </div>
            <!-- <div class="da-slide">
					<h2>Warm welcome</h2>
					<p>When she reached the first hills of the Italic Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village and the subline of her own road, the Line Lane.</p>

					<div class="da-img"><img src="images/03.png" alt="image01" /></div>
				</div>
				<div class="da-slide">
					<h2>Quality Control</h2>
					<p>Even the all-powerful Pointing has no control about the blind texts it is an almost unorthographic life One day however a small line of blind text by the name of Lorem Ipsum decided to leave for the far World of Grammar.</p>

					<div class="da-img"><img src="images/02.png" alt="image01" /></div>
				</div> -->
          </div>
        </div>
        <!-- <script type="text/javascript" src="https://cdn.bootcss.com/jquery/1.7.1/jquery.min.js"></script> -->
        <script type="text/javascript" src="js/jquery.cslider.js"></script>
        <script type="text/javascript">
          $(function() {
            $('#da-slider').cslider({
              autoplay: true,
              bgincrement: 450
            })
          })
        </script>
        <!----end-image-slider---->
      </div>
      <!-- <div class="top-nav">
			<ul>
				<li class="item1"><a href="index.html">Home</a></li>
				<li class="item2"><a href="about.html">About</a></li>
				<li class="item3"><a href="services.html">Services</a></li>
				<li class="item4"><a href="products.html">Products</a></li>
				<li class="item5"><a href="contact.html">Contact</a></li>
			</ul>
		</div> -->
      <div class="clear"></div>
    </div>
    <div class="clear"></div>

    <!---End-wrap---->
  </body>
</html>
